<template>
    <div>
        <Card :bordered="false" dis-hover class="ivu-mt" ref="card">
            <table-list ref="table" @on-fullscreen="handleFullscreen" />
        </Card>
    </div>
</template>
<script>
    import screenfull from 'screenfull';
    import tableList from './list';

    export default {
        name: 'org-app',
        components: { tableList },
        data () {
            return {

            }
        },
        methods: {
            handleFullscreen (state) {
                if (state) {
                    screenfull.request(this.$refs.card.$el);
                } else {
                    screenfull.exit();
                }
            }
        },
        mounted () {
        }
    }
</script>